.kf-sidebar-r{
	width: 230px;
	margin-left: 14px;

	.sidebar-r-flow{
		width: 230px;
		height: 262px;
		margin-bottom: 16px;
	}

	.sidebar-hot-task{
		background: $color-acquiesce;
		padding: 0 17px;
		.panel-top{
			text-align: center;
			padding: 10px 0;
			margin-bottom: 10px;
			border-bottom: 1px solid $btn-color-default;
			h3{
				font-size: $font-size-s;
				color: $font-color;
			}
		}
		
		.panel-main{
			padding-bottom: 10px;
		}
		.task-item{
			width: 194px;
			border: 1px solid $border-color;
			margin-bottom: 10px;

			a{
				color: $font-color;
			}

			&:hover{
				border-color: $btn-color-default;;
			}
		}

		.task-img img{
			width: 194px;
			height: 186px;
		}

		.task-info{
			height: 56px;
			padding: 0 4px;
			font-size: $font-size-xs;
			background: $color-bg-third;
			p{
				height: 24px;
				line-height: 24px;
			}
		}

		.task-words{
			display: block;
			width: 130px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

		.task-mark{
			color: $mark-color-second;
		}

		.task-sign{
			padding: 2px 4px;
			color: $color-acquiesce;
		}

		.task-ing{
			background: $btn-color-default;
		}

		.task-success{
			background: $mark-color-four;
		}

		.task-join{
			background: $mark-color-five;
		}
	}
	
}